<nav class="pv3 ph3 ph4-ns" role="navigation">
    <div class="flex-l justify-between items-center center">
        <a class="f3 fw2 hover-white no-underline white-90 dib" href="{{ .Site.BaseURL }}">
            {{ .Site.Title }}
        </a>
        <div class="flex-l items-center">
            {{ partial "i18nlist.html" . }}
            {{ if .Site.Menus.main }}
            <ul class="pl0 mr3">
                {{ range .Site.Menus.main }}
                <li class="list f5 f4-ns fw4 dib pr3">
                    <a class="hover-white no-underline white-90" href="{{ .URL }}" title="{{ .Name }} page">
                        {{ .Name }}
                    </a>
                </li>
                {{ end }}
            </ul>
            {{ end }}
            {{ partialCached "social-follow.html" . }}
        </div>
    </div>
</nav>
